.product-middle {
    width: 1200px;
    margin: 50px auto;
    border: 1px solid slategray;
}

.banner .floatRight div {
    float: left;
    color: black;
    /*因为这里会继承上一个div的缩进，所以这里直接将其清空*/
    text-indent: 0;
    padding: 0 15px;
}

.banner .floatRight div:hover {
    background-color: #e69137;
    color: white;
}

.product-content {
    padding: 15px;
    height: 800px;
}

.product-content > div {
    width: 280px;
    float: left;
    margin: 5px;
}

.product-content img {
    width: 100%;
    height: 100%;
}

/*对标题单行溢出*/
.product-content div h4 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*对材料多行溢出*/
.product-content div div:last-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product-content div span:last-child {
    color: red;
    text-decoration: line-through;
}
